/* ================================================================
   移动端响应式适配  @media (max-width: 768px)
   覆盖全部前台页面 + 公共头尾 + 弹窗
   ================================================================ */
@media (max-width: 768px) {

    /* =============== 0. 全局容器宽度（全站基础）=============== */
    .wraper,
    .content .wraper,
    .s-wraper,
    .s-sjs-wraper { width: 100% !important; padding: 0 15px; box-sizing: border-box; max-width: 100% !important; }
    .head { max-width: 100%; }
    /* 通用图片不溢出 */
    img { max-width: 100%; height: auto; }

    /* =============== 1. 顶部导航 =============== */
    .header .head { height: auto; flex-wrap: wrap; padding: 10px 15px; position: relative; }
    .logo { width: 120px !important; margin-right: 15px; }
    .logo img { width: 100%; }
    .address-box { margin-right: 10px; }
    .phone { margin-left: auto; }
    .phone img { width: 20px; }
    .phone p { font-size: 14px; }
    .header .nav { display: none; }

    /* 导航改为汉堡菜单 */
    .header .nav.show { display: block; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 999; max-height: 70vh; overflow-y: auto; }
    .header .nav li { margin-right: 0; }
    .header .nav li > a { height: auto; line-height: 44px; padding: 0 15px; border-bottom: 1px solid #f0f0f0; font-size: 15px; }
    .header .nav .sub { position: static; box-shadow: none; }
    .header .nav .sub > dl { width: 100% !important; margin: 0; flex-direction: column; }
    .header .nav .sub > dl > dt { display: none; }
    .header .nav .sub > dl > dd { width: 100% !important; flex-wrap: wrap; }
    .header .nav .sub > dl > dd a { width: 50%; padding: 10px 0; }

    /* 汉堡菜单按钮（PC 默认隐藏，移动端显示）*/
    .menu-toggle { display: block !important; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 22px; cursor: pointer; background: none; border: none; color: #333; padding: 5px; }
    .header.fixed .head { padding: 8px 15px; }

    /* =============== 2. 首页 index.php =============== */
    /* 轮播图 */
    .lunbo { height: auto; }
    .lunbo .swiper-slide img { width: 100%; }

    /* 优势 + 报价表单 */
    .advantage-box .free-lf-box,
    .gonglue-box .free-lf-box { flex-direction: column; }
    .free-left { width: 100% !important; }
    .free-right { width: 100% !important; }
    .free-right .form { display: block; }
    .free-right .form > div,
    .free-right .form > button { width: 100%; margin: 0 0 10px 0; }
    .free-right .form .zx-mianji input,
    .free-right .form .zx-phone input,
    .free-right .form .zx-add select { width: 100%; box-sizing: border-box; }
    .advantage { flex-wrap: wrap; }
    .youdian { width: 100% !important; margin-bottom: 15px; }

    /* 五大服务 */
    .ser-content { flex-wrap: wrap; }
    .ser-content .ser-item { width: 48% !important; margin-bottom: 10px; }
    .ser-content .ser-item .img { height: auto; }
    .ser-box { display: none; }
    .ser-content-form { width: 100% !important; }

    /* 整装方案 */
    .programme { flex-direction: column; }
    .pro-left { width: 100% !important; }
    .pro-right { width: 100% !important; }
    .pro-label-left, .pro-label-right { position: static !important; }

    /* 风格案例（flex 改 wrap，不用 grid）*/
    .fengge-title { flex-wrap: wrap; }
    .fengge-title li { margin-bottom: 8px; }
    .fengge-content { flex-wrap: wrap; }
    .fengge-content .fg-ct { width: 48%; }
    .fg-ct .img { height: 120px; }

    /* 设计师 */
    .design .swiper-slide { flex-direction: column; }
    .design .swiper-slide .img { position: static !important; width: 100% !important; }
    .design .swiper-slide .introduce { width: 100% !important; max-width: 100% !important; }
    .design .swiper-slide .zuopin { display: none; }
    .design .design-name h3 { font-size: 22px; }
    .design .more { flex-wrap: wrap; }

    /* 万平体验馆 */
    .cases_bg .ex_swiper { height: auto; }
    .cases_bg .text_swiper { width: 100% !important; height: auto; }
    .cases_bg .desc { flex-direction: column; }

    /* VR 体验馆 */
    .vr-list { flex-wrap: wrap; }
    .vr-item { width: 48%; }

    /* 口碑 */
    .koubei { flex-wrap: wrap; }
    .kb-content { width: 48%; }

    /* 装修攻略 */
    .gonglue { flex-direction: column; }
    .gl-content { width: 100% !important; margin-bottom: 20px; }
    .gl-center { flex-wrap: wrap; }
    .gl-c-right { width: 100%; }
    .gl-nav { flex-wrap: wrap; }

    /* =============== 3. 案例列表 case.php =============== */
    .s-case-nav dl dd { width: 100% !important; }
    .s-case-list ul { flex-wrap: wrap; display: flex; }
    .s-case-list ul li { width: 48% !important; }
    .s-case-list li .sjs { flex-wrap: wrap; }
    .s-case-list li .sjs .box,
    .s-case-list li .sjs .more { width: 100%; }

    /* =============== 4. 案例详情 caseshow.php =============== */
    .s-case-show .box { flex-direction: column; }
    .s-case-show-left { width: 100% !important; }
    .s-case-show-right { width: 100% !important; }
    .s-case-show-sjs { flex-wrap: wrap; }
    .s-case-show-sjs .img { width: 90px !important; }
    .s-case-show-sjs .txt { width: 100%; }
    .s-case-show-info .con p { width: 50% !important; }
    .s-case-show-tuijian ul { flex-wrap: wrap; display: flex; }
    .s-case-show-tuijian ul li { width: 48% !important; }
    .s-case-show-tuijian ul li .img,
    .s-case-show-tuijian ul li .tit { width: 100% !important; }

    /* =============== 5. 文章/新闻列表 articles.php / news.php =============== */
    .s-news-nav { overflow-x: auto; white-space: nowrap; flex-wrap: nowrap !important; -webkit-overflow-scrolling: touch; }
    .s-news-nav::-webkit-scrollbar { display: none; }
    .s-news-nav-c { overflow-x: auto; white-space: nowrap; }
    .s-news-list ul li { flex-direction: column; }
    .s-news-list ul li .img { width: 100% !important; height: 180px; }
    .s-news-list ul li .txt { width: 100% !important; }

    /* =============== 6. 文章详情 articleshow.php =============== */
    .s-news-show-con { font-size: 15px; line-height: 1.8; }
    .s-news-show-con img { max-width: 100%; height: auto; }
    .s-news-show-con table { width: 100% !important; display: block; overflow-x: auto; }
    .s-news-show-con iframe,
    .s-news-show-con video { max-width: 100%; }
    .s-news-show-tj ul { flex-wrap: wrap; display: flex; }
    .s-news-show-tj ul li { width: 48% !important; }
    .pre_next { flex-direction: column; }
    .pre_next > div { width: 100% !important; }

    /* =============== 7. 设计师列表 designer.php =============== */
    .s-sjs-top-box { flex-direction: column; }
    .s-sjs-top-box-l,
    .s-sjs-top-box-r { width: 100% !important; }
    .s-sjs-list ul li { flex-direction: column; padding: 15px 0 !important; height: auto !important; }
    .s-sjs-list ul li .txt,
    .s-sjs-list ul li .img,
    .s-sjs-list ul li .des { width: 100% !important; }
    .s-sjs-list ul li .img { position: static !important; }
    .s-sjs-list ul li .img img { width: 100%; }
    .s-sjs-list li .des .info { flex-wrap: wrap; }
    .s-sjs-list li .des .info > div { width: 48%; }
    .s-sjs-list li .des .linian { flex-wrap: wrap; }
    .s-sjs-list li .des .linian > div { width: 100%; }
    .s-sjs-list li .txt h2 { font-size: 22px !important; }

    /* =============== 8. 设计师详情 designershow.php =============== */
    .s-sjs-show-info { height: auto !important; }
    .s-sjs-show-info .img,
    .s-sjs-show-info .imgt1,
    .s-sjs-show-info .imgt2,
    .s-sjs-show-info .img { position: static !important; width: 100% !important; }
    .s-sjs-show-info .geren,
    .s-sjs-show-info .txt { width: 100% !important; position: static !important; }
    .s-sjs-show-info .geren h4 { font-size: 26px; }
    .s-sjs-show-info .fengge { flex-wrap: wrap; }
    .s-sjs-show-info .fengge > div { width: 48%; }
    .s-sjs-show-dbzp-list ul { flex-wrap: wrap; display: flex; }
    .s-sjs-show-dbzp-list ul li { width: 48% !important; }
    .s-sjs-show-bmb { flex-direction: column; }
    .s-sjs-show-bmb .img,
    .s-sjs-show-bmb .form { width: 100% !important; position: static !important; }
    .s-sjs-show-bmb .form .form-box { flex-direction: column; }
    .s-sjs-show-bmb .form .form-box > .form-input,
    .s-sjs-show-bmb .form .form-box > button { width: 100% !important; }
    .s-sjs-show-tj ul { flex-wrap: wrap; display: flex; }
    .s-sjs-show-tj ul li { width: 48% !important; }
    .s-sjs-show-tj ul li .txt,
    .s-sjs-show-tj ul li .img { width: 100% !important; }

    /* =============== 9. 整装产品 - 精整装 product_jtz.php =============== */
    .s-p-1-1 .swiper-slide { flex-direction: column; }
    .s-p-1-1 .swiper-slide .txt,
    .s-p-1-1 .swiper-slide .img { width: 100% !important; }
    .s-p-1-1 .swiper-slide .img img { width: 100%; }
    .s-p-1-1 .s-title-ce { position: static !important; width: 100% !important; }
    .s-p-1-1 .custom-pagination ul { flex-wrap: wrap; }
    .s-p-1-1 .custom-pagination li { width: 48% !important; height: auto !important; }
    .s-p-1-1 .custom-pagination li::after { font-size: 28px !important; }

    .s-p-1-2-s .swiper-slide { flex-direction: column; }
    .s-p-1-2-s .txt,
    .s-p-1-2-s .img { width: 100% !important; }
    .s-p-1-2-s .img img { width: 100%; }

    .s-p-1-3 .box { flex-direction: column; }
    .s-p-1-3 .box .txt,
    .s-p-1-3 .box .list { width: 100%; }
    .s-p-1-3 .box .list ul { flex-wrap: wrap; }
    .s-p-1-3 .box .list ul li { width: 48%; }

    .s-p-1-4-s .swiper-slide { flex-direction: column; }
    .s-p-1-4-s .img { width: 100% !important; }
    .s-p-1-4-s .txt { width: 100% !important; position: static !important; }
    .s-p-1-4-s .custom-pagination ul { flex-wrap: wrap; }
    .s-p-1-4-s .custom-pagination li { width: 48%; }

    .s-p-1-5 .box ul { flex-wrap: wrap; }
    .s-p-1-5 .box ul li { width: 48%; }
    .s-p-1-5 .box ul li .txt h3 { font-size: 18px; }

    .s-p-1-6-s .nav ul { flex-wrap: wrap; }
    .s-p-1-6-s .nav ul li { width: 33%; }

    .s-p-1-7 .box ul { flex-wrap: wrap; }
    .s-p-1-7 .box ul li { width: 48%; }

    .s-p-2-7 .box { flex-direction: column; }
    .s-p-2-7 .box .img,
    .s-p-2-7 .box .form { width: 100% !important; }
    .s-p-2-7 .box .form ul { flex-wrap: wrap; }
    .s-p-2-7 .box .form ul li { width: 100%; }

    /* =============== 10. 整装产品 - 尊享 product_super.php =============== */
    .s-p-2-1 ul { flex-wrap: wrap; }
    .s-p-2-1 ul li { width: 48% !important; }

    .s-p-2-2 .custom-pagination ul { flex-wrap: wrap; }
    .s-p-2-2 .custom-pagination ul li { width: 48%; }
    .s-p-2-2-s .swiper-slide { flex-direction: column; }
    .s-p-2-2-s .img { width: 100% !important; }
    .s-p-2-2-s .box { width: 100% !important; }

    .s-p-2-3 .box .sjs > div h2 { font-size: 40px !important; }
    .s-p-2-3 .box .txt ul { flex-wrap: wrap; }
    .s-p-2-3 .box .txt ul li { width: 100% !important; }

    .s-p-2-4 .box { flex-direction: column; }
    .s-p-2-4 .box .box1,
    .s-p-2-4 .box .box2 { width: 100% !important; }
    .s-p-2-4 .box ul { flex-wrap: wrap; }
    .s-p-2-4 .box ul li { width: 48% !important; }

    .s-p-2-5 .txt { flex-direction: column; }
    .s-p-2-5 .txt ul,
    .s-p-2-5 .txt img { width: 100% !important; }

    .s-p-2-6 { padding: 30px 15px !important; }
    .s-p-2-6 .box { width: 100% !important; }
    .s-p-2-6 .box ul { flex-wrap: wrap; }
    .s-p-2-6 .box ul li { width: 48% !important; }

    /* =============== 11. 整装产品 - 减负 product_jfgz.php =============== */
    .s-p-3-1 ul { flex-wrap: wrap; }
    .s-p-3-1 ul li { width: 48% !important; flex-direction: column; }
    .s-p-3-1 ul li .img,
    .s-p-3-1 ul li .txt { width: 100%; }

    .s-p-3-2-s .custom-pagination ul { flex-wrap: wrap; }
    .s-p-3-2-s .custom-pagination ul li { width: 48%; }

    .s-p-3-3-s .swiper-slide .box { flex-direction: column; width: 100% !important; }
    .s-p-3-3-s .txt { width: 100% !important; }

    .s-p-3-4 .box ul { flex-wrap: wrap; }
    .s-p-3-4 .box ul li { width: 48%; }

    .s-p-3-5 { flex-direction: column; }
    .s-p-3-5 .form,
    .s-p-3-5 .box { width: 100% !important; }

    .s-p-3-6 .box ul { flex-wrap: wrap; }
    .s-p-3-6 .box ul li { width: 48% !important; }

    /* product_jfgz / aboutus / clgy 内嵌 style 覆盖（底部 .price）*/
    .price-box .price .fxt { display: none; }
    .price-box .price .suan { display: none; }
    .price-box .price .zixun { width: 100% !important; }
    .price-box .price .zixun .form { flex-wrap: wrap; }
    .price-box .price .zixun .form > div,
    .price-box .price .zixun .form > button { width: 100%; margin-bottom: 8px; }

    /* =============== 12. 关于我们 aboutus.php =============== */
    .s-about-1 .box { width: 100%; }
    .s-about-1-s { margin: 0 !important; }
    .s-about-2 ul { flex-wrap: wrap; }
    .s-about-2 ul li { width: 48% !important; }
    .s-about-2 ul li > div h3 { font-size: 26px !important; }
    .s-about-2 ul li > span { font-size: 40px !important; }
    .s-about-3 .box ul { flex-wrap: wrap; }
    .s-about-3 .box ul li { width: 100% !important; }

    /* s-about-4 品牌故事：PC 用绝对定位+大 margin 做瀑布流，移动端整体重置为纵向流 */
    .s-about-4 { height: auto !important; }
    .s-about-4 .box { max-width: 100% !important; position: relative; }
    .s-about-4 .box li { position: static !important; width: 100% !important; margin: 0 0 30px 0 !important; max-width: 100%; float: none !important; }

    .s-about-5 .txt { flex-direction: column; }
    .s-about-5 .txt > div { width: 100% !important; }
    .s-about-6 ul { flex-wrap: wrap; display: flex; }
    .s-about-6 ul li { width: 48% !important; }
    .s-about-7-s .box { flex-direction: column; }
    .s-about-7-s .box .img,
    .s-about-7-s .box .txt { width: 100% !important; }

    /* =============== 13. 工艺 clgy.php =============== */
    .s-g-1 ul { flex-wrap: wrap; }
    .s-g-1 ul li { flex: 0 0 48% !important; flex-direction: column; }
    .s-g-1 ul li .img,
    .s-g-1 ul li .txt { width: 100%; }

    .s-g-2 .box { flex-direction: column; }
    .s-g-2 .box .img,
    .s-g-2 .box .txt { width: 100% !important; }
    .s-g-2 .box ul { flex-wrap: wrap; }
    .s-g-2 .box ul li { width: 48% !important; }

    .s-g-3-s .nav ul { flex-wrap: wrap; }
    .s-g-3-s .nav ul li { width: 33% !important; }

    .s-g-4 .box ul { flex-wrap: wrap; }
    .s-g-4 .box ul li { width: 48% !important; }

    /* s-g-5：PC 用 padding-left:500px + 图绝对定位 left:-300px，移动端重置 */
    .s-g-5 .box { padding-left: 0 !important; position: relative; }
    .s-g-5 .box img { position: static !important; width: 100% !important; left: auto !important; }
    .s-g-5 .box .txt { width: 100%; }

    .s-g-6 .tit { padding-left: 0 !important; flex-direction: column; }
    .s-g-6 .tit .img { width: 100%; }
    .s-g-6 .tit .t { width: 100%; }
    .s-g-6 .tit .t2 h2 { font-size: 26px !important; }
    .s-g-6 .box ul { flex-wrap: wrap; }
    .s-g-6 .box ul li { width: 48% !important; }
    .s-g-6 .bot { flex-direction: column; }
    .s-g-6 .bot h3,
    .s-g-6 .bot p { width: 100% !important; }

    .s-g-7 .tit h2 { font-size: 30px !important; }
    .s-g-7 .box ul { flex-wrap: wrap; }
    .s-g-7 .box ul li { width: 48% !important; }

    /* =============== 14. 专题 special.php / 文章详情 富文本兜底 =============== */
    /* special.php 容器无 class，用通用规则兜底所有富文本内容 */
    body img { max-width: 100%; height: auto; }
    body table { width: 100% !important; display: block; overflow-x: auto; }
    body iframe, body video { max-width: 100%; }

    /* =============== 15. VR案例 casevrshow.php（覆盖内嵌 style 的固定宽度）=============== */
    .vr-iframe { height: calc(100vh - 70px) !important; }
    .vr-iframe iframe { width: 100% !important; height: 100% !important; }
    .s-vr-sjs { position: static !important; }
    .s-vr-sjs-box { max-width: 100% !important; flex-direction: column; align-items: stretch !important; padding: 10px 15px; }
    .s-vr-sjs-view { width: 100%; }
    .s-vr-sjs-view .img { width: 60px !important; height: 60px !important; }
    .s-vr-sjs-view .txt { width: 100% !important; }
    .s-vr-sjs .price-box { width: 100% !important; }
    .s-vr-sjs .price-box .price .fxt { display: none; }
    .s-vr-sjs .price-box .price .suan { display: none; }
    .s-vr-sjs .price-box .price .zixun { width: 100% !important; }

    /* =============== 16. 底部 footer / 品牌优势条 =============== */
    .price .fxt { display: none; }
    .price .zixun { width: 100% !important; }
    .price .zixun .form { flex-wrap: wrap; }
    .price .zixun .form > div,
    .price .zixun .form > button { width: 100%; margin: 0 0 8px 0; }
    .price .suan { display: none; }

    .bt-ys-ct { flex-wrap: wrap; }
    .bt-ys-content { width: 48% !important; }
    .bt-ys-content p { font-size: 20px; }

    .foot-top { flex-wrap: wrap; }
    .foot-nav { width: 48% !important; margin-bottom: 15px; }
    .foot-nav.ewm { display: none; }
    .foot-nav h3 { font-size: 14px; }
    .foot-nav h4 { font-size: 18px; }

    /* =============== 17. 浮动元素 =============== */
    .right-fixed { display: none; }
    .left-form-btn { display: none; }

    /* =============== 18. 弹窗 =============== */
    /* 预约设计师弹窗 */
    .yy-sjs-form { width: 92% !important; max-width: 400px; height: auto !important; flex-direction: column !important; max-height: 90vh; overflow-y: auto; }
    .yy-sjs-form .shj_info,
    .yy-sjs-form .shj_form { width: 100% !important; }
    .yy-sjs-form .shj_form .shj_form_item .select { width: 31%; }

    /* 预约参观弹窗 */
    .yy-cg-form { width: 92% !important; max-width: 400px; height: auto !important; }

    /* 全屏报价弹窗 */
    #fullbox #fullform { width: 92% !important; max-width: 400px; height: auto !important; max-height: 90vh; }
    #fullbox .b1, #fullbox .b2 { flex-direction: column; }
    #fullbox .b1 .nex, #fullbox .b2 .nex1 { width: 100% !important; }
    #fullbox .mjhx ul { flex-wrap: wrap; }
    #fullbox .mjhx ul li { width: 48%; }
    #fullbox .tijiao input,
    #fullbox .tijiao button { width: 100%; box-sizing: border-box; }

    /* 旧房改造预约弹窗 */
    .s-p-3-yuyue .box { width: 92% !important; max-width: 400px; height: auto !important; }

    /* 在线咨询 layer 弹窗强制自适应 */
    .layui-layer { width: 92% !important; max-width: 400px; }
    .layui-layer-iframe { width: 92% !important; }

    /* =============== 19. 分页 / 标题字号 =============== */
    .turnover { font-size: 12px; margin: 25px 0; }
    .turnover a, .turnover .current, .turnover .disabled { padding: 0 10px; height: 32px; line-height: 32px; }

    /* 大标题统一缩放 */
    .s-title { padding: 20px 0 !important; }
    .s-title h3 { font-size: 22px !important; }
    .s-title h5 { font-size: 12px !important; }
    .s-title p { font-size: 14px !important; margin-top: 6px; }
    .s-title-ccc h3,
    .s-title-ce h3,
    .s-title-cc h3 { font-size: 22px !important; }
    .s-title-ce-b { padding: 20px 0 !important; }
    .content h2 { font-size: 22px !important; }

    /* 面包屑 */
    .s-case-top { padding: 10px 0; }
    .crumbs { font-size: 12px; flex-wrap: wrap; }

}

/* 桌面端默认隐藏汉堡按钮（放在 @media 外，确保 PC 不显示）*/
.menu-toggle { display: none; }